<template>
	<view>
		<detail-box :name="name" :src="src" :types="types" :paihang="paihang" :bangs="bangs" :yingwen="yingwen" :name1="name1"></detail-box>
		<score-box :value="value" :src="src2"></score-box>
		<content-box :detail2="detail2"></content-box>
		<person-box></person-box>
		<commit-box></commit-box>
	</view>
</template>

<script>
	import DetailBox from '@/components/detail-box/detail-box.vue'
	import ScoreBox from '@/components/score-box/score-box.vue'
	import ContentBox from '@/components/content-box/content-box.vue'
	import CommitBox from '@/components/commit-box/commit-box.vue'
	import PersonBox from '@/components/person-box/person-box.vue'
	export default {
		onLoad(options) {
			console.log(options.id)
			let id = options.id
			// 查找数据
			let detail = this.detailList.find(item => {
				return item.id === id
			})
			console.log(detail)
			this.name = detail.name
			this.src = detail.src
			this.types = detail.types
			this.paihang = detail.paihang
			this.bangs = detail.bangs
			this.value = detail.value
			this.detail2 = detail.detail2
			this.yingwen = detail.yingwen
			this.name1 = detail.name1
			this.src2=detail.src2

		},
		components: {
			'detail-box': DetailBox,
			'score-box': ScoreBox,
			'content-box': ContentBox
		},
		data() {
			return {
				detailList: [{
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873135507.webp',
						name: '侏罗纪世界3(2022)',
						value: '3.15',
						id: "26873582",
						types: ' 动作 科幻 冒险/美国 马耳他/片长146分钟',
						paihang: 'No.2',
						bangs: '近期热门电影榜',
						name1: '侏罗纪世界3',
						yingwen: 'Jurassic World: Dominion (2022)',
						detail2: '影片为《侏罗纪世界》系列的完结篇，故事的开篇设定在纳布拉尔岛被摧毁的四年后。如今，恐龙在世界各地与人类共同生活、共同捕猎。这一脆弱的平衡将重塑未来，并最终决定人类能否与史上最可怕生物共享这颗星球，并继续站在食物链的顶端。',
						src2:'../static/zhuluo-fen.png'
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2874367740.webp',
						name: '一周的朋友(2022)',
						value: '',
						id: "35131347",
						types: '剧情 /中国大陆/片长:106分钟',
						paihang: 'No.10',
						bangs: '近期热门电影榜',
						name1: '一周的朋友',
						yingwen: '',
						detail2: '胜华高中的复读班上，新来了一个转学生林湘之（赵今麦 饰），她文静聪明却总是孤独一人，不跟其他的同学做朋友。但这样的她却吸引了班上的学渣徐又树（林一 饰）的注意。在徐又树不断想跟林湘之做朋友的过程中，他和古灵精怪的宋晓楠（沈月 饰）、高冷学霸蒋吾（汪佳辉 饰）发现了林湘之的秘密，原来她患了一种特殊的疾病，她对朋友的记忆只有七天。为了帮助这个孤独的女孩，他们四个人组成了“末日生存”小队不断为她创造惊喜和属于他们的记忆。殊不知，林湘之的疾病背后却有个更悲伤的秘密...... 影片根据叶月抹茶同名漫画改编。'
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873885713.webp',
						name: '天才计划(2022)',
						value: '3.55',
						id: "27046758",
						types: '剧情 悬疑 犯罪/英国 澳大利亚/片长:106分钟',
						paihang: 'No.10',
						bangs: '近期热门惊悚片榜',
						name1: '天才计划',
						yingwen: 'Escape from Pretoria (2020)',
						detail2: '机械天才蒂姆·詹金（丹尼尔·雷德克里夫 饰）搭档好兄弟史蒂芬·李（丹尼尔·韦伯 饰）秘密组建越狱行动队，上演了一场令人窒息步步惊心的精巧越狱大秀。面对冷血狱警的无理压迫，看行动队如何摆脱404天牢狱之灾，如何冲破15道自由之门，手握天才之钥密室逃生。',
						src2:'../static/tiancai-fen.png'
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2871809800.webp',
						name: '唐顿庄园2(2022)',
						value: '4.15',
						id: "35008440",
						types: '剧情 爱情/英国 美国/片长124分钟',
						paihang: 'No.1',
						bangs: '近期热门电影榜',
						name1: '唐顿庄园2',
						yingwen: 'Downton Abbey: A New Era (2022)',
						detail2: '影片为2019年《唐顿庄园》电影的续集，在这一部故事中，唐顿庄园将迎来一个崭新的时代，与此同时，老伯爵夫人（玛吉·史密斯 Maggie Smith 饰）的一段神秘过往也将被揭晓。'
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2873970594.webp',
						name: '暗恋·橘生橘南（2022）',
						value: '2.3',
						id: "30449624",
						types: '爱情/中国大陆/',
						paihang: 'No.8',
						bangs: '近期热门电影榜',
						name1: '暗恋·橘生橘南',
						yingwen: '',
						detail2: '暗恋，是一个人的兵荒马乱，也是一辈子的刻骨铭心。成绩优秀、生性骄傲的洛枳（张雪迎 饰），暗恋着幼时有过一面之缘的同学盛淮南（辛云来 饰），而盛淮南对此全然不知。高中毕业后，洛枳发现自己和盛淮南竟在同一所大学。两人意外相识并越走越近，但洛枳依然不敢表白心迹。当成长和现实的压力接踵而来，这场漫长的暗恋，究竟该如何安放？ 影片改编自八月长安振华系列，为电影《最好的我们》续篇。'
					}, {
						src: '/static/chengfeng.png',
						name: '乘风破浪 第三季',
						name1: '乘风破浪 第三季',
						paihang: 'No.1',
						bangs: '一周国内口碑综艺榜',
						types: '真人秀/中国大陆/12集/单集片长211分钟',
						value: '3.15',
						id: "35723926",
						detail2: '节目第三季是由芒果TV⾃制，关注30+⼥性的舞台竞演类综艺，集结了30位优秀的歌⼿、演员、舞蹈艺术家等，在专业制作团的全程协助下，⼀同突破⾃我为观众呈现精彩舞台的过程。'
					}, {
						src: '/static/xinyouji.png',
						name: '新游记',
						name1: '新游记',
						paihang: 'No.2',
						bangs: '一周国内口碑综艺榜',
						value: '2.4',
						id: "35656139",
						types: '真人秀/中国大陆/10集/单集片长85分钟',
						detail2: '六个率真桀骜的热血青年，在各种人文奇观中，完成一场真实的人间历险记，最终成为自己平凡生活中的超级英雄。六人一路前行看见最真实最平凡的中国。'

					}, {
						src: '/static/tuokouxiu.png',
						name: '怎么办！脱口秀专场',
						name1: '怎么办！脱口秀专场',
						paihang: 'No.3',
						bangs: '一周国内口碑综艺榜',
						types: '真人秀 脱口秀/中国大陆/10集/单集片长90分钟',
						value: '3.55',
						id: "35890470",
						detail2: '节目由大家所熟知喜爱的脱口秀演员们——杨笠、杨蒙恩、庞博、徐志胜、何广智、程璐、呼兰、王建国，组成的“轻轻松松宇宙最强编剧部”将以“各行各业”为切口的脱口秀主题专场带到观众面前。'
					}, {
						src: '/static/xiangwangdeshenghuo.png',
						name: '向往的生活 第六季',
						name1: '向往的生活 第六季',
						paihang: 'No.7',
						bangs: '一周国内口碑综艺榜',
						value: '3.15',
						id: "35644637",
						types: '真人秀/中国大陆/12集/单集片长90分钟',
						detail2: '告别桃花源，奔向碧海蓝天。《向往的生活》第六季，一起解锁大海篇。'
					}, {
						src: '/static/renshengdierci.png',
						name: '人生第二次',
						name1: '人生第二次',
						paihang: 'No.4',
						bangs: '一周华语口碑剧集榜',
						value: '4.7',
						id: "35664467",
						types: '纪录片/中国大陆/8集/单集片长60分钟',
						detail2: '节目记录了主人公们知晓世界百味、直面生活疾风暴雨的决定性阶段。主创团队精选四组对立的关键词展开横向比照，通过“圆”与“缺”、“纳”与“拒”、“是”与“非”、“破”与“立”主题下的八幅人生图景，用多维度多视角观察普通人在面临决定性瞬间时的选择与命运。通过洞察每个独一无二的“人生第二次”故事，展现中国人面对困境的勇气和坚韧，激发观众对生活的勇气，对于人生和未来的多一重思考。',
					},
					{
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2869531882.webp',
						name: '天才不能承受之重（2022）',
						value: '3.45',
						id: "34890458",
						name1: '天才不能承受之重',
						paihang: 'No.4',
						bangs: '近期热门电影榜',
						types: '纪录片/中国大陆/8集/单集片长60分钟',
						detail2: '尼古拉斯·凯奇（Nicolas Cage）有新片了，这次他要在电影里演自己。该片主角就是尼古拉斯·凯奇本人，他疯狂的渴望在昆汀·塔伦蒂诺的下部电影里得到一个角色，他经常会和自己脑海中一个90年代的自己对话，后者不断吐槽他“老是接烂片”、“再也不是当年那个电影明星”了。讲述破产边缘的凯奇为了100万美元的酬劳去参加一个亿万富翁粉丝（佩德罗·帕斯卡 饰）的生日派对，但这位富豪是一个危险的毒枭。当凯奇被一名CIA特工招募后，事情发生了意想不到的转变，为了拯救自己和亲人，他被迫出演一个终生难忘的角色——尼古拉斯·凯奇，用他最具标志性和最受喜爱的银幕角色来履行自己的传奇人生。',
						yingwen: 'The Unbearable Weight of Massive Talent (2022)',
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2873818227.webp',
						name: '目中无人（2022）',
						value: '3.55',
						id: "35295405",
						name1: '目中无人',
						paihang: 'No.3',
						bangs: '近期热门电影榜',
						types: '动作 武侠/中国大陆/片长74分钟',
						detail2: '电影讲述身怀绝技的盲眼“捉刀人”成瞎子，遇上惨遭灭门和凌辱的酒家女倪燕，原本不想插手的他逐渐被卷入一场势力庞大的暗黑纷争中，成瞎子开始踏上了寻求公道的复仇之路，他的真实身份也随之揭晓。',
						yingwen: '',
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2872943472.webp',
						name: '祝你好运，里奥·格兰德 （2022）',
						value: '4.1',
						id: "35235813",
						name1: '祝你好运，里奥·格兰德 ',
						paihang: 'No.6',
						bangs: '近期热门电影榜',
						types: '剧情 喜剧/英国/片长97分钟',
						detail2: '电影讲述身怀绝技的盲眼“捉刀人”成瞎子，遇上惨遭灭门和凌辱的酒家女倪燕，原本不想插手的他逐渐被卷入一场势力庞大的暗黑纷争中，成瞎子开始踏上了寻求公道的复仇之路，他的真实身份也随之揭晓。',
						yingwen: 'Good Luck to You, Leo Grande (2022)',
					}, {
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2871883924.webp',
						name: '光年正传（2022）Lightyear (2022)',
						value: '3.6',
						id: "35284168",
						name1: '光年正传',
						paihang: 'No.12',
						bangs: '近期热门电影榜',
						types: '科幻 动画 冒险/美国/片长: 110分钟',
						detail2: '2022-06-15 韩国首映。',
						yingwen: 'Lightyear (2022)',
					}, {
						src: 'https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2868854690.webp',
						name: '不留痕迹（2022）',
						value: '3.6',
						id: "35211732",
						name1: '不留痕迹',
						paihang: 'No.15',
						bangs: '近期热门电影榜',
						types: '剧情/波兰 法国/片长160分钟',
						detail2: '在1983年的波兰，诗人格勒戈尔茨普勒梅克（Grzegorz Przemyk）遭到共产党军队的成员打死。高中生尤雷克是这桩命案的唯一目击者，他就此成为专制政权的头号敌人，从特勤局、媒体到法院都成为国家打压他和亲友的工具。',
						yingwen: ' Żeby nie było śladów (2021)',
					},
					{
						src: 'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2656327176.webp',
						name: '梦华录',
						value: '4.25',
						id: "35231822",
						name1: '梦华录',
						paihang: 'No.2',
						bangs: '一周华语口碑剧集榜',
						types: '剧情 爱情 古装/中国大陆/40集/单集片长 45分钟',
						detail2: '在钱塘开茶铺的赵盼儿（刘亦菲 饰）惊闻未婚夫、新科探花欧阳旭（徐海乔 饰）要另娶当朝高官之女，不甘命运的她誓要上京讨个公道。在途中她遇到了出自权门但生性正直的皇城司指挥顾千帆（陈晓 饰），并卷入江南一场大案，两人不打不相识从而结缘。赵盼儿凭借智慧解救了被骗婚而惨遭虐待的“江南第一琵琶高手”宋引章（林允 饰）与被苛刻家人逼得离家出走的豪爽厨娘孙三娘（柳岩 饰），三位姐妹从此结伴同行，终抵汴京，见识世间繁华。为了不被另攀高枝的欧阳旭从东京赶走，赵盼儿与宋引章、孙三娘一起历经艰辛，将小小茶坊一步步发展为汴京最大的酒楼，揭露了负心人的真面目，收获了各自的真挚感情和人生感悟，也为无数平凡女子推开了一扇平等救赎之门。',
						yingwen: '',
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2645165728.webp',
						name: '警察荣誉',
						value: '4.3',
						id: "35429466",
						name1: '警察荣誉',
						paihang: 'No.1',
						bangs: '一周华语口碑剧集榜',
						types: '剧情/中国大陆/38集/单集片长:45分钟',
						detail2: '故事围绕李大为（张若昀 饰）、夏洁（白鹿 饰）、杨树（徐开骋 饰）、赵继伟（曹璐 饰）四个初出茅庐的见习警员展开，讲述了他们在“警情高发”的平陵市八里河派出所历经各类案件洗礼，并在老警察的言传身教下迅速成长，最终成为合格的人民警察的故事。',
						yingwen: '',
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2873122211.webp',
						name: '爱情应该有的样子',
						value: '',
						id: "35396391",
						name1: '爱情应该有的样子',
						paihang: 'No.4',
						bangs: '一周华语口碑剧集榜',
						types: '剧情 爱情/中国大陆/30集/单集片长: 45分钟',
						detail2: '看似拥有完美人生的尹亦可，过着理所当然的35岁生活，无论在公司还是在家里，总能够周全妥帖，如同永不疲惫的神奇女侠一般，照顾着身边每一个人，却唯独忘了温暖自己。直至在便利店一角偶遇儿时经常去家里蹭饭、现在已是一位阳光少年的徐光兮，一抹阳光照进了她的内心。',
						yingwen: '',
					}, {
						src: 'https://img2.doubanio.com/view/photo/s_ratio_poster/public/p2874163901.webp',
						name: '破事精英',
						value: '',
						id: "35166507",
						name1: '破事精英',
						paihang: 'No.16',
						bangs: '一周华语口碑剧集榜',
						types: '喜剧/中国大陆/24集 /单集片长: 48分钟',
						detail2: '在公司基层工作了十年的老实人胡强（李佳航 饰）忽然获得“升职”机会，被调去一个叫做“破事部”的小部门当经理。他的下属各个奇葩，刺头程序员欧阳莫菲（成果 饰）、鸡血销售唐海星（张一铎 饰）、八卦秘书金若愚（屠画 饰）、死板设计师苏克杰（刘中秋 饰）、脆弱文案庞小白（李汶凡 饰）、二愣子实习生沙乐乐（孙艺文 饰），他们唯一的共同点是大家都是loser。',
						yingwen: '',
					}, {
						src: 'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2872163998.webp',
						name: '爱，死亡和机器人 第三季',
						value: '4.25',
						id: "35436582",
						name1: '爱，死亡和机器人 第三季',
						paihang: 'No.12',
						bangs: '一周华语口碑剧集榜',
						types: '喜剧 科幻 动画 恐怖 短片 奇幻/美国/9集/单集片长: 20分钟',
						detail2: '在1983年的波兰，诗人格勒戈尔茨普勒梅克（Grzegorz Przemyk）遭到共产党军队的成员打死。高中生尤雷克是这桩命案的唯一目击者，他就此成为专制政权的头号敌人，从特勤局、媒体到法院都成为国家打压他和亲友的工具。',
						yingwen: 'Love, Death & Robots Season 3 (2022)',
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
